@charset "utf-8";
@font-face {
	font-family: "Segoe UI";}
body{
	width: 100%;
	font-family: Verdana;
}
/* CSS Document */


/****************************** 11111111  ************************************/
@media (min-width:750px) and (max-width:990px){
	
	.divisiones{
		width: 98%; 
		float: none;
		margin: 0 auto;
		height: 35rem;
		text-align: center;
		}

	.divisiones #calendarioEventos{clear: both; width: 35%; margin:0 auto; float:left;height:33rem;}
	.divisiones #formulario{width: 60%; float: left; max-height:35rem; margin: 0 auto; text-align: center;margin-left: 2%;}
	#contenido{width: 80%; float: none; max-height:34rem; margin-left: 2%;text-align: center;}
	


.botonCalendario{
    text-decoration: none;
    padding: 3px;
    font-weight: 400;
    font-size: 10px;
    color: #0016b0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 2px solid #0016b0;
  }
#izq{padding-left:49%; }	


	
	.calenBarra{clear: both;width: 100%;}
	

	
input{display: none;}
label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 10px; /*  15px 25px; */
  font-weight: 600;
  text-align: center;
  color: #bbb;
/*  border: 1px solid transparent;*/
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px; /* 10px*/
}


label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color: #555;
  font-size:18px;
/*  border: 1px solid #ddd;
  border-top: 2px solid green;
  border-bottom: 1px solid #fff;
*/}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7
 {
  display: block;font-size: 11px;
}

	.p22{border:none; }	
	
	table, thead, tr, th, tbody, td, .celdap2{
		width: 100%;
		display:block;
	}
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -999px;
	}
	
	
	
	td{ 
/*		border: none;
		border-bottom: 5px solid #eee; 
*/		position: relative;
		text-align:left;
		padding-left: 50%;
	}
	td:before { 
		position: absolute;
		padding-left:25px; /* 25% */ 
		top: 6px;
		left: -12px;
		text-align:left;
		width: 60%; 
		padding-right: 5px; /* 5px */
		white-space: nowrap;
	}
	

	td:nth-of-type(1):before { content: "Curso"; }/*font-size:14px; font-style: italic;font-weight: 300;*/
	td:nth-of-type(2):before { content: "Modalidad"; text-decoration: none;}
	td:nth-of-type(3):before { content: "Nov"; }
	td:nth-of-type(4):before { content: "Dic"; }
	td:nth-of-type(5):before { content: "Ene"; }
	td:nth-of-type(6):before { content: "Feb"; }
	td:nth-of-type(7):before { content: "Mar"; }
	
	.celdap2{
	width: 250px;
	margin-left:5px; /* 25px */
}
	
	
	tr.salto > td { padding-bottom: 1em;}


}




/****************************** 222222  ************************************/
@media (min-width:500px) and (max-width:749px){
	
	.divisiones{
		width: 98%; 
		float: none;
		margin: 0 auto;
		height: 35rem;
		text-align: center;
		}

	.divisiones #calendarioEventos{clear: both; width: 45%; margin:0 auto; float:left;height:33rem;}
	.divisiones #formulario{width: 50%; float: left; max-height:35rem; margin: 0 auto; text-align: center;margin-left: 2%;}
	#contenido{width: 80%; float: none; max-height:34rem; margin-left: 2%;text-align: center;}
	


.botonCalendario{
    text-decoration: none;
    padding: 3px;
    font-weight: 400;
    font-size: 10px;
    color: #0016b0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 2px solid #0016b0;
  }
#izq{padding-left:49%; }	


	
	.calenBarra{clear: both;width: 100%;}
	

	
input{display: none;}
label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 10px; /*  15px 25px; */
  font-weight: 600;
  text-align: center;
  color: #bbb;
/*  border: 1px solid transparent;*/
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px; /* 10px*/
}


label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color: #555;
  font-size:18px;
/*  border: 1px solid #ddd;
  border-top: 2px solid green;
  border-bottom: 1px solid #fff;
*/}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7
 {
  display: block;font-size: 11px;
}

	.p22{border:none; }	
	
	table, thead, tr, th, tbody, td, .celdap2{
		width: 100%;
		display:block;
	}
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -999px;
	}
	
	
	
	td{ 
/*		border: none;
		border-bottom: 5px solid #eee; 
*/		position: relative;
		text-align:left;
		padding-left: 50%;
	}
	td:before { 
		position: absolute;
		padding-left:25px; /* 25% */ 
		top: 6px;
		left: -12px;
		text-align:left;
		width: 60%; 
		padding-right: 5px; /* 5px */
		white-space: nowrap;
	}
	

td:nth-of-type(1):before { content: "Curso"; }/*font-size:14px; font-style: italic;font-weight: 300;*/
	td:nth-of-type(2):before { content: "Modalidad"; text-decoration: none;}
	td:nth-of-type(3):before { content: "Nov"; }
	td:nth-of-type(4):before { content: "Dic"; }
	td:nth-of-type(5):before { content: "Ene"; }
	td:nth-of-type(6):before { content: "Feb"; }
	td:nth-of-type(7):before { content: "Mar"; }	
	
	.celdap2{
	width: 250px;
	margin-left:5px; /* 25px */
}
	
	
	
	tr.salto > td { padding-bottom: 1em;}


}


	

/************** 333333333 **********************/
	
@media (max-width:499px){
	
	.divisiones{
		width: 98%; 
		float: none;
		margin: 0 auto;
		max-height: 55rem;
		text-align: center;
		}

	.divisiones #calendarioEventos{clear: both; width: 85%; margin:0 auto; float:none;height:21rem;}
	.divisiones #formulario{clear: both; width: 85%; float: none; max-height:35rem; margin: 0 auto; text-align: center;}
	.Navega{
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 21rem; /* 21em */
	float: none;
	margin: 0 auto;
	width: 100%;
	background-color: #FFFFFF;
	}
 
#izq{padding-left:49%; }	

.p22{border:none; }	
	
	.calenBarra{clear: both;width: 100%;}
	

.botonCalendario{
    text-decoration: none;
    padding: 3px;
    font-weight: 400;
    font-size: 10px;
    color: #0016b0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 2px solid #0016b0;
  }
	
input{display: none;}
label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 10px; /*  15px 25px; */
  font-weight: 600;
  text-align: center;
  color: #bbb;
/*  border: 1px solid transparent;*/
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px; /* 10px*/
}


label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color: #555;
  font-size:18px;
/*  border: 1px solid #ddd;
  border-top: 2px solid green;
  border-bottom: 1px solid #fff;
*/}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7
 {
  display: block;font-size: 11px;
}

	
	
	table, thead, tr, th, tbody, td, .celdap2{
		width: 100%;
		display:block;
	}
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -999px;
	}
	
	
	
	td{ 
/*		border: none;
		border-bottom: 5px solid #eee; 
*/		position: relative;
		text-align:left;
		padding-left: 50%;
	}
	td:before { 
		position: absolute;
		padding-left:25px; /* 25% */ 
		top: 6px;
		left: -12px;
		text-align:left;
		width: 60%; 
		padding-right: 5px; /* 5px */
		white-space: nowrap;
	}
	

td:nth-of-type(1):before { content: "Curso"; }/*font-size:14px; font-style: italic;font-weight: 300;*/
	td:nth-of-type(2):before { content: "Modalidad"; text-decoration: none;}
	td:nth-of-type(3):before { content: "Nov"; }
	td:nth-of-type(4):before { content: "Dic"; }
	td:nth-of-type(5):before { content: "Ene"; }
	td:nth-of-type(6):before { content: "Feb"; }
	td:nth-of-type(7):before { content: "Mar"; }	
	
	.celdap2{
	width: 250px;
	margin-left:5px; /* 25px */
}
	
	
	tr.salto > td { padding-bottom: 1em;}


}